<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>SIAbs | Login</title>
	<meta name="author" content="GarudaTechno" />
	<meta name="description" content="Sistem Informasi Absensi" />
	<meta name="application-name" content="SIAbs" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />

	<link href="<?php echo base_url(); ?>assets/css/bootstrap/bootstrap.css" rel="stylesheet" />
	<link href="<?php echo base_url(); ?>assets/css/supr-theme/jquery.ui.supr.css" rel="stylesheet" type="text/css"/>
	<link href="<?php echo base_url(); ?>assets/css/icons.css" rel="stylesheet" type="text/css" />
	<link href="<?php echo base_url(); ?>assets/plugins/forms/uniform/uniform.default.css" type="text/css" rel="stylesheet" />
	<link href="<?php echo base_url(); ?>assets/css/main.css" rel="stylesheet" type="text/css" />

	<!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]-->
	<!--[if lt IE 9]>
	  <script type="text/javascript" src="js/libs/excanvas.min.js"></script>
	  <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	  <script type="text/javascript" src="js/libs/respond.min.js"></script>
	<![endif]-->

	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />

	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/modernizr.js"></script>

</head>
<body class="loginPage">
	<div class="container">
		<div id="header">
			<div class="row">
				<div class="navbar">
					<div class="container">
						<a class="navbar-brand" href="#">Sistem Informasi Absensi</a>
					</div>
				</div><!-- /navbar -->
			</div><!-- End .row -->
		</div><!-- End #header -->
	</div><!-- End .container -->
	<div class="container">
		<div class="loginContainer">
			<form class="form-horizontal" action="c_login/verification" id="loginForm" role="form" method="post">
				<div class="form-group">
					<label class="col-lg-12 control-label" for="login_username">Username:</label>
					<div class="col-lg-12">
						<input id="login_username" type="text" name="login_username" class="form-control">
						<span class="icon16 icomoon-icon-user right gray marginR10"></span>
					</div>
				</div><!-- End .form-group  -->
				<div class="form-group">
					<label class="col-lg-12 control-label" for="login_password">Password:</label>
					<div class="col-lg-12">
						<input id="login_password" type="password" name="login_password" class="form-control">
						<span class="icon16 icomoon-icon-lock right gray marginR10"></span>
					</div>
				</div><!-- End .form-group  -->
				<div class="form-group">
					<div class="col-lg-12 clearfix form-actions">
						<div class="checkbox left">
							<span class="forgot help-block"><a href="#">Lupa Password ?</a></span>
							<!-- <label><input type="checkbox" id="keepLoged" value="Value" class="styled" name="logged" /> Keep me logged in</label> -->
						</div>
						<button type="submit" class="btn btn-info right" id="loginBtn"><span class="icon16 icomoon-icon-enter white"></span> Login</button>
					</div>
				</div><!-- End .form-group  -->
			</form>
		</div>
	</div><!-- End .container -->

	<script  type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/bootstrap/bootstrap.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/forms/validate/jquery.validate.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/forms/uniform/jquery.uniform.min.js"></script>

	 <script type="text/javascript">
		$(document).ready(function() {
			var supr_Options = {
				rtl:false
			}
			if(supr_Options.rtl) {
				localStorage.setItem('rtl', 1);
				$('#bootstrap').attr('href', 'css/bootstrap/bootstrap.rtl.min.css');
				$('#bootstrap-responsive').attr('href', 'css/bootstrap/bootstrap-responsive.rtl.min.css');
				$('body').addClass('rtl');
				$('#sidebar').attr('id', 'sidebar-right');
				$('#sidebarbg').attr('id', 'sidebarbg-right');
				$('.collapseBtn').addClass('rightbar').removeClass('leftbar');
				$('#content').attr('id', 'content-one')
			} else {localStorage.setItem('rtl', 0);}

			$("input, textarea, select").not('.nostyle').uniform();
			$("#loginForm").validate({
				rules: {
					login_username: {
						required: true,
						minlength: 4
					},
					login_password: {
						required: true,
						minlength: 6
					}
				},
				messages: {
					login_username: {
						required: "<?php echo MSG_REQUIRED; ?>",
						minlength: "<?php echo MSG_MIN; ?>4"
					},
					login_password: {
						required: "<?php echo MSG_REQUIRED; ?>",
						minlength: "<?php echo MSG_MIN; ?>6"
					}
				}
			});
		});
	</script>
</body>
</html>
